<script setup>
import { RouterView } from 'vue-router'
import Header from '@/components/header/index.vue'
import footVue from '@/components/foot/index.vue'
</script>

<template>
  <div>
    <Header></Header>
    <RouterView />
    <footVue></footVue>
  </div>
</template>

<style lang="scss">
.aliCenter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.jusCenter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@font-face {
  font-family: GothamBlack;
  src: url('./assets/size/Gotham-Black.otf');
}
@font-face {
  font-family: GothamLight;
  src: url('./assets/size/Gotham-Light.otf');
}
@font-face {
  font-family: GothamBold;
  src: url('./assets/size/GothamBold.ttf');
}
@font-face {
  font-family: GothamBook;
  src: url('./assets/size/GothamBook.ttf');
}
.title {
  font-family: GothamBlack;
  font-size: 38px;
  font-weight: bold;
  color: #ffdd00;
}
.title2 {
  font-family: GothamBold;
  font-size: 32px;
  font-weight: bold;
  color: #ffdd00;
}
.size {
  font-family: GothamLight;
  word-break: auto-phrase !important;
  font-size: 16.5px;
}
.size2 {
  font-family: GothamLight;
  word-break: auto-phrase !important;
  font-size: 24px;
}
</style>
